import React, { useState, useEffect } from 'react';
import { ApiService } from '../services/api';
import './Footer.css';

const Footer = () => {
  const [companyData, setCompanyData] = useState({
    companyName: '',
    address: '',
    mobile: '',
    email: ''
  });

  // 获取公司详情
  useEffect(() => {
    const fetchCompanyDetail = async () => {
      try {
        const response = await ApiService.getCompanyDetail();
        
        if (response.code === '0000' && response.data) {
          setCompanyData({
            companyName: response.data[0].companyName || '',
            address: response.data[0].address || '',
            mobile: response.data[0].mobile || '',
            email: response.data[0].email || ''
          });
        }
      } catch (error) {
        console.error('获取公司详情失败:', error);
        // 使用默认值
        setCompanyData({
          companyName: '',
          address: '',
          mobile: '',
          email: ''
        });
      }
    };

    fetchCompanyDetail();
  }, []);
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-content">
          <div className="footer-section">
            <h3>联系我们</h3>
            <div className="contact-info">
              <p>{companyData.companyName}</p>
              <p>{companyData.address}</p>
              <p>电话：{companyData.mobile}</p>
              <p>邮箱：{companyData.email}</p>
            </div>
          </div>
          
          <div className="footer-section">
            <h3>公司简介</h3>
            <p>北京灵动无界科技有限公司是一家前沿科技创新企业，围绕机电、控制、人工智能、机器人、电子信息等核心学科领域，全力投身本科工程教育及现代职业教育改革创新实验平台的研发；深度聚焦最新技术科研方向，为高校及科研机构提供契合各学科研究的科研支撑平台；精准对接新技术产业应用，积极推动产研融合发展，助力科研成果转化应用；通过卓越的教育资源整合、开创性的科研探索与高效的产业协同，全力塑造全方位的教育赋能生态体系，为培育顶尖专业人才、推动科研突破创新、促进产业升级变革持续注入核心动力，铸就全球教育与产业协同发展的卓越典范。</p>
          </div>

          <div className="footer-section">
            <h3>关注我们</h3>
            <div className="social-links">
              <div className="qr-code">
                <div className="qr-placeholder">📱</div>
                <p>扫一扫 关注官方微信公众号</p>
              </div>
            </div>
          </div>
        </div>

        <div className="footer-bottom">
          <div className="footer-links">
            <a href="#top">回到顶部</a>
            <a href={`#:${companyData.mobile}`}>{companyData.mobile}</a>
          </div>
          <div className="copyright">
            <p>版权所有 © {companyData.companyName}</p>
            <p>本网站由阿里云提供云计算及安全服务 | 本网站支持 IPv6</p>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
